<h1>{{title}}</h1>
<button class="{{BlueStyle}}">按钮</button>
<h1 [innerHTML]="htmlStr"></h1>

<!--是否显示-->
<h1 *ngIf="isShow">是否显示</h1>

<!--事件-->
<button (click)="changeStyle()">事件</button>

<!--ngIf-->
<div *ngIf="language=='chinese'">
  刘牌
</div>
<div *ngIf="language=='english'">
  steak
</div>
<button (click)="languageChange()">语言切换</button>

<!--使用style进行条件渲染-->
<div [style.display]="language=='chinese'?'block':'none'">
  刘牌
</div>
<div [style.display]="language=='english'?'block':'none'">
  steak
</div>
<br>

<!--循环-->
<ul>
  <li *ngFor="let item of userArray; let i = index" (click)="itemClick(i,item)">索引：{{i}} 内容：{{item}}</li>
</ul>

<!--条件-->
<div [ngSwitch]="checkStatus">
  <div *ngSwitchCase="checkStatus==1">待审核</div>
  <div *ngSwitchCase="checkStatus==2">已审核</div>
  <div *ngSwitchDefault>未审核</div> <!--默认-->
</div>
<br>
<!--数据双向绑定-->
<div>
  输入：<input [(ngModel)]="username">
  <br>
  姓名：<span>{{username}}</span>
</div>
